<template>
	<div :class="['selector',isActive?'active':'']" @click="clickHandle()"></div>
</template>

<script>
	export default{
		name:"selector",
		props:["isActive"],
		methods:{
			clickHandle(){
				this.$emit("click");
			}
		}
	}
</script>

<style scoped="scoped">
	.selector{
		display: inline-block;
		width: .3rem;
		height: .3rem;
		border: #FF4001 2px solid;
		border-radius: 50%;
	}
	.active{
		background-color: #FF4001;
	}
</style>
